import Vue from 'vue'
// // import Button from "../../src/button";
// import ButtonGroup from "../../src/button-group"
// import Input from "../../src/input"
// import Row from "../../src/row"
// import Col from "../../src/col"
// // import Nav from "../../src/nav"
// import Icon from "../../src/icon";
// import Layout from "../../src/layout";
// import Content from "../../src/content";
// import Footer from "../../src/footer";
// import Header from "../../src/header";
// import Sider from "../../src/sider";
import plugin from '../../src/plugin'
// import Popover from '../../src/popover'
// import Tabs from '../../src/tabs'
// import TabsHead from '../../src/tabs-head'
// import TabsBody from '../../src/tabs-body'
// import TabsItem from '../../src/tabs-item'
// import TabsPane from '../../src/tabs-pane'
// import Collapse from '../../src/collapse'
// import CollapseItem from '../../src/collapse-item'

export default async({
 Vue,
 options,
 router,
 isServer
}) => {
    // Vue.mixin({
    //     mounted: async()=> {
    if(!isServer){
            await  import('../../src/icon').then(function (Icon) {
                Vue.component('lm-icon',Icon.default)
            })
            await  import('../../src/button').then(function (Button) {
                Vue.component('lm-button',Button.default)
            })
            await  import('../../src/button-group').then(function (ButtonGroup) {
                Vue.component('lm-group-button',ButtonGroup.default)
            })
            await  import('../../src/input').then(function (Input) {
                Vue.component('lm-input',Input.default)
            })
            await  import('../../src/row').then(function (Row) {
                Vue.component('lm-row',Row.default)
            })
            await  import('../../src/col').then(function (Col) {
                Vue.component('lm-col',Col.default)
            })
            await  import('../../src/layout').then(function (Layout) {
                Vue.component('lm-layout',Layout.default)
            })
            await  import('../../src/content').then(function (Content) {
                Vue.component('lm-content',Content.default)
            })
            await  import('../../src/footer').then(function (Footer) {
                Vue.component('lm-footer',Footer.default)
            })
            await  import('../../src/header').then(function (Header) {
                Vue.component('lm-header',Header.default)
            })
            await  import('../../src/sider').then(function (Sider) {
                Vue.component('lm-sider',Sider.default)
            })
            // import('../../src/plugin').then(function (plugin) {
            //     console.log(plugin)
            //     Vue.use(plugin)
            // })
            await  import('../../src/popover').then(function (Popover) {
                Vue.component('lm-popover',Popover.default)
            })
            await  import('../../src/tabs').then(function (Tabs) {
                Vue.component('lm-tabs',Tabs.default)
            })
            await  import('../../src/tabs-head').then(function (TabsHead) {
                Vue.component('lm-tabs-head',TabsHead.default)
            })
            await  import('../../src/tabs-body').then(function (TabsBody) {
                Vue.component('lm-tabs-body',TabsBody.default)
            })
            await  import('../../src/tabs-item').then(function (TabsItem) {
                Vue.component('lm-tabs-item',TabsItem.default)
            })
            await  import('../../src/tabs-pane').then(function (TabsPane) {
                Vue.component('lm-tabs-pane',TabsPane.default)
            })
            await  import('../../src/collapse').then(function (Collapse) {
                Vue.component('lm-collapse',Collapse.default)
            })
            await  import('../../src/collapse-item').then(function (CollapseItem) {
                Vue.component('lm-collapse-item',CollapseItem.default)
            })
        }
    //     },
    // })
    // Vue.component('lm-icon',Icon)
    // // Vue.component('lm-button',Button)
    // Vue.component('lm-group-button',ButtonGroup)
    // Vue.component('lm-input',Input)
    // Vue.component('lm-row',Row)
    // Vue.component('lm-col',Col)
    // // Vue.component('lm-nav',Nav)
    // Vue.component('lm-layout',Layout)
    // Vue.component('lm-content',Content)
    // Vue.component('lm-footer',Footer)
    // Vue.component('lm-header',Header)
    // Vue.component('lm-sider',Sider)
    // Vue.component('lm-popover',Popover)
    // Vue.component('lm-tabs',Tabs)
    // Vue.component('lm-tabs-head',TabsHead)
    // Vue.component('lm-tabs-body',TabsBody)
    // Vue.component('lm-tabs-item',TabsItem)
    // Vue.component('lm-tabs-pane',TabsPane)
    // Vue.component('lm-collapse',Collapse)
    // Vue.component('lm-collapse-item',CollapseItem)
    // // 引入插件
    Vue.use(plugin)
}